<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>better</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header>
        <div class="nav-inner">
            <div class="nav clearfix">
                <div class="nav-left">
                    <h4>better</h4>
                </div>
                <div class="nav-right clearfix">
                    <ul class="ul clearfix">
                        <li class="li-1"><a href="" class="a1">首页<a href="" class="a2"></a></a></li>
                        <li class="li-2"><a href="" class="a1">产品中心<a href="" class="a2"></a></a></li>
                        <li class="li-2"><a href="" class="a1">企业新闻<a href="" class="a2"></a></a></li>
                        <li class="li-2"><a href="" class="a1">联系我们<a href="" class="a2"></a></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="banner">
            <img src="img/banner-bg.png" alt="">
        </div>
    </header>
    <div class="main-inner">
        <div class="main clearfix">
            <div class="main-left">
                <div class="main-left-1 clearfix">
                    <div class="main-left-1-left">
                        <img src="img/main-left-1-l-img.png" alt="">
                    </div>
                    <div class="main-left-1-right">
                        <p class="p1">Oculus 联合创始人黯然离场，是被小米前高管“挤出” 了</p>
                        <p>2018-06-16</p>
                    </div>
                </div>
                <div class="main-left-2 clearfix">
                    <div class="main-left-2-left">
                        <img src="img/main-left-2-l-img.png" alt="">
                    </div>
                    <div class="main-left-2-right">
                        <p class="p1">华为营销5216亿元，同比增长  32%，顺便卖了1.39亿手机</p>
                        <p>2018-06-16</p>
                    </div>
                </div>
                <div class="main-left-3 clearfix">
                    <div class="main-left-3-left">
                        <img src="img/main-left-3-l-img.png" alt="">
                    </div>
                    <div class="main-left-3-right">
                        <p class="p1">车与出行 百度申请在北京路试无人车，但这并不意味着无人车未</p>
                        <p>2018-06-16</p>
                    </div>
                </div>
                <div class="main-left-4 clearfix">
                    <div class="main-left-4-left">
                        <img src="img/main-left-4-l-img.png" alt="">
                    </div>
                    <div class="main-left-4-right">
                        <p class="p1">20分钟没了300亿，最大港股踏方背后疑点重重</p>
                        <p>2018-06-16</p>
                    </div>
                </div>
                <div class="main-left-5 clearfix">
                    <div class="main-left-5-left">
                        <img src="img/main-left-5-l-img.png" alt="">
                    </div>
                    <div class="main-left-5-right">
                        <p class="p1">礼物说裁员引争议，触宝CEO王佳梁：别把粗暴裁员当个性</p>
                        <p>2018-06-16</p>
                    </div>
                </div>
                <div class="main-left-6 clearfix">
                    <div class="main-left-6-left">
                        <img src="img/main-left-6-l-img.png" alt="">
                    </div>
                    <div class="main-left-6-right">
                        <p class="p1">下线聊天文件功能，微信这是闷声作大死？</p>
                        <p>2018-06-16</p>
                    </div>
                </div>
            </div>
            <div class="main-right">
                <div class="main-right-top">
                    <a href="">better</a>
                    <h4>天猫总裁靖捷：线上线下全面打通 天猫将真整体升级</h4>
                    <p>“真正新零售的未来场景都在天猫上。新零售正在全面爆发，未来的手机天猫APP将从满足需求进入到创造需求的阶段，线下百万雄师都会被数字化。”靖捷说</p>
                </div>
                <div class="main-right-bottom">
                    <div class="main-right-bottom-1">
                        <h3>产品列表展示</h3>
                    </div>
                    <div class="main-right-bottom-2 clearfix">
                            <div class="main-r-b-2-1">
                                <img src="img/main-r-b-1-1-img.png" alt="">
                                <p>韩版高腰半身裙夏中长款a字裙子女流苏毛边</p>
                                <span>￥89</span>
                            </div>
                        <div class="main-r-b-2-2">
                            <img src="img/main-r-b-1-2-img.png" alt="">
                            <p>韩版女装夏装牛仔A字裙子</p>
                            <span>￥89</span>
                        </div>
                        <div class="main-r-b-2-3">
                            <img src="img/main-r-b-1-3-img.png" alt="">
                            <p>女装夏装新款显瘦A字裙裤短裤牛仔裤</p>
                            <span>￥129</span>
                        </div>
                        <div class="main-r-b-2-4">
                            <img src="img/main-r-b-1-4-img.png" alt="">
                            <p>显瘦牛仔裙短新款潮裙裙女夏韩版学生高腰a字裙</p>
                            <span>￥79</span>
                        </div>
                        <div class="main-r-b-2-5">
                            <img src="img/main-r-b-2-1-img.png" alt="">
                            <p>收腰牛仔连衣裙a字牛仔裙女学生短裙裙子</p>
                            <span>￥339</span>
                        </div>
                        <div class="main-r-b-2-6">
                            <img src="img/main-r-b-2-2-img.png" alt="">
                            <p>修身长袖牛仔连衣裙女</p>
                            <span>￥338</span>
                        </div>
                        <div class="main-r-b-2-7">
                            <img src="img/main-r-b-2-3-img.png" alt="">
                            <p>瘦高腰牛仔半身裙a字</p>
                            <span>￥158</span>
                        </div>
                        <div class="main-r-b-2-8">
                            <img src="img/main-r-b-2-4-img.png" alt="">
                            <p>中长款竖条纹半身裙百搭宽松中长裙A字裙</p>
                            <span>￥399</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="footer-1">
            <p>&copy; 2018 版权所有 better</p>
        </div>
    </footer>
</body>
</html>